﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="jquery.min.js">

    </script>
    <script>
        $(document).ready(function () {
            $("button").click(function () {
                $("div1").fadeIn();
                $("div2").fadeIn("slow");
                $("div3").fadeIn(3000);
            });
        });
    </script>
</head>
<body>
    <p> fadeIn()方法使用了不同参数的淡入效果</p>
    <button>单击淡入div元素</button>
    <br><br>
    <div id="div1" style="width:80px;height:80px;display:none;background-color:red;"></div><br>
    <div id="div2" style="width:80px;height:80px;display:none;background-color:green;"></div><br>
    <div id="div3" style="width:80px;height:80px;display:none;background-color:blue;"></div>
</body>
</html>